<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"></meta>
        <title>TigerDict</title>
        <link rel="stylesheet" href="popup.css"></link>
        <script src="popup.js"></script>
    </head>
    <body>
        <div class="popup">
            <div class="api-config">
                <h3>有道词典配置</h3>
                <label for="youdaoAppKey">应用ID (APP_KEY):</label>
                <input type="text" id="youdaoAppKey" placeholder="请输入应用ID">
                
                <label for="youdaoSecret">应用密钥 (SECRET_KEY):</label>
                <input type="password" id="youdaoSecret" placeholder="请输入应用密钥">
                
                <div class="api-note">
                    请在 <a href="https://ai.youdao.com/" target="_blank">有道智云</a> 申请
                </div>
                
                <h3>TigerDeck 配置</h3>
                <label for="tigerDeckApiKey">TigerDeck API Key:</label>
                <input type="password" id="tigerDeckApiKey" placeholder="请输入 TigerDeck API Key">
                
                <button id="saveApiKey">保存</button>
                <div id="saveStatus"></div>
            </div>
        </div>
    </body>
</html>